
var swiper = document.querySelector(".tempWrap ul"),
    part1 = document.querySelector(".index_part1"),
    lastone = document.querySelector(".prev"),
    nextone = document.querySelector(".next"),
    left = -1423,
    index = 1,
    timer = null


//鼠标滚动
var head = document.querySelector(".header")
var scrollFunc = function (e) {
    var e = e || window.event;
    if (e.wheelDelta) {
        if (e.wheelDelta > 0) {
            head.style.top = "0"
            // alert("鼠标滚轮向上滚动");
        }
        if (e.wheelDelta < 0) {
            head.style.top = "-80px"
            // alert("鼠标滚轮向下滚动");
        }
        if (e.wheelDelta = 0) {
            head.style.top = "0"
        }

    }
}
//    给页面绑定鼠标滚轮事件,针对火狐的非标准事件 
window.addEventListener("DOMMouseScroll", scrollFunc)
//    给页面绑定鼠标滚轮事件，针对Google，mousewheel非标准事件已被弃用，请使用 wheel事件代替
window.addEventListener("wheel", scrollFunc)
//    ie不支持wheel事件，若一定要兼容，可使用mousewheel
window.addEventListener("mousewheel", scrollFunc)

// document.onmousedown = function (e) {
//     alert('鼠标滚轮停止')
// }

//图片切换
// var part3lis = document.querySelectorAll(".index_part3_main li"),
//     part3Details = document.querySelectorAll(".index_part3_detail"),
//     _main = document.querySelector(".index_part3_main")
// for (let i = 0; i < part3lis.length; i++) {
//     part3lis[i].onclick = function () {
//         debugger;
//         if (_main.classList.contains("seldWide")) {
//             _main.classList.remove("seldWide")
//             setTimeout(function () {
//                 debugger;
//                 for (let j = 0; j < part3lis.length; j++) {
//                     part3lis[j].classList.remove("w")
//                 }
//                 part3lis[i].classList.add("w")
//             }, 500)
//             setTimeout(function () {
//                 _main.classList.add("seldWide")
//             }, 1000)
//         } else {
//             for (let j = 0; j < part3lis.length; j++) {
//                 part3lis[j].classList.remove("w")
//             }
//             part3lis[i].classList, add("w")
//             setTimeout(function () {
//                 for (let j = 0; j < part3lis.length; j++) {
//                     part3lis[j].classList.remove("w")
//                 }
//                 part3lis[i].classList, add("w")
//             }, 500)
//         }
//     }
// }
//part3 
// var part3lis = document.querySelectorAll(".index_part3_main li"),
//     part3imgs = document.querySelectorAll(".index_part3_main .index_part3_img"),
//     part3Details = document.querySelectorAll(".index_part3_detail")
// var falg = 1,
//     falg2 = 1
// for (let i = 0; i < part3imgs.length; i++) {
//     part3imgs[i].onclick = function () {
//         for (let j = 0; j < part3lis.length; j++) {
//             if (falg2 == 1) {
//                 part3Details[j].classList.remove("on")
//                 part3lis[j].classList.remove("w")
//             }
//             else {
//                 part3lis[j].classList.remove("w")
//                 setTimeout(() => {
//                     part3Details[j].classList.remove("on")
//                 }, 500);
//             }
//         }
//         if (falg == 1) {
//             part3Details[i].classList.add("on")
//             setTimeout(() => {
//                 part3lis[i].classList.add("w")
//             }, 500);
//         } else {
//             setTimeout(() => {
//                 part3Details[i].classList.add("on")
//                 setTimeout(() => {
//                     part3lis[i].classList.add("w")
//                 }, 500);
//             }, 500);
//         }
//         falg = 0
//         falg2 = 0
//     }

// }
// var part3lis = document.querySelectorAll(".index_part3_main li"),
//     part3imgs = document.querySelectorAll(".index_part3_main .index_part3_img"),
//     part3Details = document.querySelectorAll(".index_part3_detail"),
//     _main = document.querySelector(".index_part3_main")
// let arr = [...part3lis]
// var result = arr.find(item => {
//     return item.className == "w"
// });
// for (let i = 0; i < part3imgs.length; i++) {
//     part3imgs[i].onclick = function () {
//         if (result) {
//             _main.classList.remove("seldWide")
//             setTimeout(function () {
//                 part3lis.forEach(element => {
//                     element.classList.remove("w")
//                 });
//                 part3lis[i].classList.add("w")
//             }, 500);
//             setTimeout(function () {
//                 _main.classList.add("seldWide")
//             }, 1000);
//         }
//         else {
//             part3lis.forEach(element => {
//                 element.classList.remove("w")
//             });
//             part3lis[i].classList.add("w")
//             setTimeout(function () {
//                 _main.classList.add("seldWide")
//             }, 500);

//         }
//     }
// }
$(".index_part3_img").on("click", function () {
    var that = this;
    if ($(".seldWide")[0]) {
        $(".index_part3_img").parents(".index_part3_main").removeClass('seldWide');
        setTimeout(function () {
            $(".index_part3_img").parent().removeClass('w');
            $(that).parent().addClass('w');
        }, 500);
        setTimeout(function () {
            $(that).parents(".index_part3_main").addClass('seldWide');
        }, 1000);
    } else {
        $(".index_part3_img").parent().removeClass('w');
        $(that).parent().addClass('w');
        setTimeout(function () {
            $(".index_part3_img").parents(".index_part3_main").removeClass('seldWide');
            $(that).parents(".index_part3_main").addClass('seldWide');
        }, 500);
    }
});

//回到顶部
var topNav = document.querySelector(".topNav")

window.onscroll = function () {
    if (scrollY >= 800) {
        topNav.style.display = "block"
    } else {
        topNav.style.display = "none"
    }
}
topNav.onclick = function () {
    var y = scrollY
    let timer4 = setInterval(() => {
        y -= 30
        window.scrollTo(0, y)
        if (y <= 0) {
            clearInterval(timer4)
        }
    }, 1);
    head.style.top = "0"
}

